﻿	<div id="logo"><?php echo $html->image("obloggerbeta.png", array('alt' => "原创博客联盟, Oblogger.org"))?></div>
	<div id="content">
		<ul id="tabs" class="clearfix idTabs">
		<li><a href="#tenet">宗旨</a></li>
		<li><a href="#members">成员</a></li>
		<li><a href="#joinus">加入</a></li>
	
		<!-- 仅在已经登录后输出 -->
		<li><a href="#update">修改信息（charlee.oda）</a></li>
		<!-- ~ 仅在已经登录后输出 -->
		
		
		<!-- 未登录输出这个 -->
			<!-- <li style="float:right"><a href="#login">成员登录</a></li> -->
		<!-- 登陆后输出这个 -->
			<li style="float:right"><a href="/logout">退出登陆</a></li>
		
		</ul>
		
		
		<div id="tenet" class="innercontent">
		<div class="wrapper">
			<ol id="tenetol">
				<li>
				原创博客联盟不以盈利为目的，达到联盟加入标准者在通过联盟审核之后即可加入
			
				<br />审核标准：
				<br />a）绝大部分内容必须是原创；翻译须尊重原作者劳动并生动重现原意；
				<br />b）申请邮件要写规范，以便审核；
				<br />c）写Blog时间必须满6个月；从第一篇文章算起到申请加入截至，文章数不得少于100篇。</li>

				<li>全体成员平等，每个人可提出自己的意见和建议，每个人都有投票权并且有义务参与各种重要投票。</li>

				<li>鼓励合作、讨论、定期活动。最好是具体的一些对大家有意义有帮助的双赢性质的活动。</li>

				<li>不鼓励成员利用讨论平台进行自我推销（因为每个人都想宣传自己的Blog，如果不限制，比较容易失控）</li>

				<li>oblogger.org上以javascript的形式输出全体成员的Blog地址；所有成员必须在Blog中至少一个页面添加链接到
					oblogger.org
					的链接，可以是JavaScript甚至no-follow的。但不鼓励对成员Blog进行内容聚合、不鼓励盲目的链接交换。

				<li>鼓励主动、高效率（这也是加入这里对自己和其他成员最重要的意义）地参与讨论，以最小的投入，获得最大的意义（而不仅仅是利益）</li>
			</ol>
		</div>
		</div>
		
		
		<div id="members" class="innercontent">
			<div class="wrapper">
			不分先后，随机排列，用JS输出，不参与PR，完全透明，不打广告，纯粹表示对原创的支持。<br />
				<div class="clearfix" id="bloglinks">

				<script>
					var a = new Array();
					a.push(
					{n:"aw",l:"http://www.awflaser.com/blog/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/aw.jpg"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"},
					{n:"bc",l:"http://www.bc.com/",f:"http://www.awflasher.com/favicon.ico"}
					);
					for(var j, x, i = a.length; i; j = parseInt(Math.random() * i), x = a[--i], a[i] = a[j], a[j] = x);
					for(var k=a.length-1;k>=0;k--){document.write("<a style='background:transparent url("+a[k].f+") no-repeat 4px 4px' class='oblink' href='"+a[k].l+"'>"+a[k].n+"</a>")}
				</script>
				</div>
			</div>
		</div>

		<div id="joinus" class="innercontent">
			<div class="wrapper">
			
				<form class="nf settings" id="setinterest" action="/settings/interest" method="post">
					<p>
						<label for="f1" class="label_input">用户名</label>
						<input type="text" maxlength="16" value="" id="f1" class="input_text" name="f1"/>
						<span class="hint">注意：一旦确定，不可更改</span>
					</p>
					<p>
						<label for="f1" class="label_input">密码</label>
						<input type="password" maxlength="16" value="" id="f1" class="input_text" name="f1"/>
						<span class="hint">最多 16 个字符</span>
					</p>
					<p>
						<label for="f1" class="label_input">电子邮箱</label>
						<input type="text" maxlength="32" value="" id="f1" class="input_text" name="f1"/>
						<span class="hint">最多 32 个字符</span>
					</p>
					<p>
						<label for="f1" class="label_input">博客名称</label>
						<input type="text" maxlength="100" value="" id="f1" class="input_text" name="f1"/>
						<span class="hint">最多 100 个字符</span>
					</p>
					<p>
						<label for="f2" class="label_input">博客地址</label>
						<input type="text" maxlength="100" value="" id="f2" class="input_text" name="f2"/>
						<span class="hint">最多 100 个字符</span>
					</p>
					<p>
						<label for="f3" class="label_input">图标地址</label>
						<input type="text" maxlength="100" value="" id="f3" class="input_text" name="f3"/>
						<span class="hint">仅限16X16像素</span>
					</p>
					<p>
						<label for="f4" class="label_input">加入原因</label>
						<textarea cols="50" rows="3" id="f4" name="f4"></textarea>
						<span class="hint">最多 200 个汉字</span>
					</p>
					<p>
						<label for="f5" class="label_check">
						<input type="checkbox" checked="checked" value="On" id="f5" class="input_checkbox" name="msnsig"/>
						认同加入条件</label><span id='agreementbtn'>(<a href="#" onclick="$('#agreementbtn').hide();$('#agreement').fadeIn('slow')">查看</a>)</span>
						<div id="agreement" style="display:none;margin-left:160px;padding:20px;border:1px solid #ccc; background:#ffe; width:320px">
						<ul>
						<li>1、博客绝大部分内容必须是原创；翻译的文章须尊重原作者劳动并生动重现原意；</li>
						<li>2、写Blog时间必须满6个月；从第一篇文章算起到申请加入截至，文章数不得少于100篇。</li>
						<li>3、对长期坚持创作原创内容有信心，即便不更新也不肆意复制粘贴</li>
						<li>4、认同本联盟的宗旨</li>
						</ul>
						
						</div>
					</p>

					<p class="act">
						<input type="submit" value="提交申请" class="formbutton"/>
					</p>
				</form>
			
			</div>
		</div>
		
		<!-- 仅在已经登录后输出 -->
		<div id="update" class="innercontent">
			<div class="wrapper">
			
				<form class="nf settings" id="setinterest" action="/settings/interest" method="post">
					<p>
						<label for="f1" class="label_input">博客名称</label>
						<input type="text" maxlength="32" value="" id="f1" class="input_text" name="f1"/>
						<span class="hint">最多 200 个汉字</span>
					</p>
					<p>
						<label for="f2" class="label_input">博客地址</label>
						<input type="text" maxlength="32" value="" id="f2" class="input_text" name="f2"/>
						<span class="hint">最多 200 个字符</span>
					</p>
					<p>
						<label for="f3" class="label_input">图标地址</label>
						<input type="text" maxlength="32" value="" id="f3" class="input_text" name="f3"/>
						<span class="hint">仅限16X16像素</span>
					</p>
					<p>
						<label for="f4" class="label_input">加入原因</label>
						<textarea cols="50" rows="3" id="f4" name="f4"></textarea>
						<span class="hint">最多 200 个汉字</span>
					</p>
					<p class="act">
						<input type="submit" value="提交更新" class="formbutton"/>
					</p>
				</form>
			
			</div>
		</div>	
		<!-- ~ 仅在已经登录后输出 -->
		
		
		
		
		
		<!-- 注意：登录后不要输出这一段 -->
		<!--
		<div id="login" class="innercontent">
			<div class="wrapper">
			
				<form class="nf settings" id="setinterest" action="/settings/interest" method="post">
					<p>
						<label for="f1" class="label_input">用户名</label>
						<input type="text" maxlength="16" value="" id="f1" class="input_text" name="f1"/>
					</p>
					<p>
						<label for="f1" class="label_input">密码</label>
						<input type="password" maxlength="16" value="" id="f1" class="input_text" name="f1"/>
					</p>
					<p class="act">
						<input type="submit" value="登录" class="formbutton"/>
					</p>
				</form>
			
			</div>
		</div>
		-->
		<!-- ~ 登录后不输出 -->
		
		
		
		
		
		
		
		
		
		
		<div>88X31 Logo: <?php echo $html->image('8831.png')?>
		88X31 Logo (light): <?php echo $html->image('8831w.png')?>
		</div>
		<div id="about">oblogger.org | JavaScript from <a href="http://jquery.com">jQuery</a>+<a href="http://www.sunsean.com/idTabs/">idTabs</a> | FORM CSS from <a href="http://www.fanfou.com">Fanfou.com</a></div>
		<div>本页面在<a href="http://firefox.com">Firefox</a>下达最佳效果</div>
		
	</div>
